<script setup lang="ts">
import HmHeader from './views/HmHeader.vue';
import HmBody from './views/HmBody.vue';
import HmFooter from './views/HmFooter.vue';
</script>

<template>
  <div class="container">
    <HmHeader></HmHeader>
    <HmBody></HmBody>
    <HmFooter></HmFooter>
  </div>
</template>

<style scoped>
.container {
  width: 100%;
  height: 100vh;
  /* background-color: pink; */
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
</style>
